<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="content-type" content="text/html;charset=gbk" />
		<meta name="author" content="www.frebsite.nl" />
		<meta name="viewport" content="width=device-width initial-scale=1.0 maximum-scale=1.0 user-scalable=yes" />

		<title>Ocean</title>
		<link href="img/favicon.ico" rel="shortcut icon" type="image/x-icon">

		<link type="text/css" rel="stylesheet" href="css/style.css" />
		<link type="text/css" rel="stylesheet" href="css/jquery.mmenu.all.css" />
		<link type="text/css" rel="stylesheet" href="css/jquery.mobile-1.0rc2.min.css" >
		<link type="text/css" rel="stylesheet" href="css/photoswipe/photoswipe.css" />
		
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript" src="js/photoswipe/klass.min.js"></script>
		<script type="text/javascript" src="js/jquery.mmenu.min.all.js"></script>
		<script type="text/javascript" src="js/jquery.mobile-1.0rc2.min.js"></script>
		<script type="text/javascript" src="js/photoswipe/code.photoswipe.jquery-3.0.4.min.js"></script>
		<script type="text/javascript" src="js/o-script.js"></script>

	</head>
	<body class="o-page">
		<div id="page">
			<div id="header">
				<a href="#menu" rel="external"></a>
				<span id="Logo" class="svg">
					<img src="img/logo.svg" />
				</span>
				<a class="backBtn" href="javascript:history.back();"></a>
			</div>
			<div class="subHeader"><i class="i-gallery i-small"></i>Ocean / Gallery</div>
			<div id="content">
				<h3 class="title">Gallery</h3>
				<p><span class="c-red">Lorem ipsum</span> is simply dummy text of the printing and typesetting <span class="c-red">industry</span>.</p>
				<div id="Gallery">
					<div class="gallery-row">
				
						<div class="gallery-item big-item">
							<a href="img/gallery/1.jpg" rel="external">
								<img src="img/gallery/1-th.jpg" alt="Image 001" />
							</a>
						</div>
						<div class="gallery-item big-item">
							<a href="img/gallery/2.jpg" rel="external">
								<img src="img/gallery/2-th.jpg" alt="Image 002" />
							</a>
						</div>						
						<div class="gallery-item"><a href="img/gallery/3.jpg" rel="external"><img src="img/gallery/3-th.jpg" alt="Image 003" /></a></div>			
						<div class="gallery-item"><a href="img/gallery/4.jpg" rel="external"><img src="img/gallery/4-th.jpg" alt="Image 004" /></a></div>	
						<div class="gallery-item"><a href="img/gallery/1.jpg" rel="external"><img src="img/gallery/1-th.jpg" alt="Image 003" /></a></div>			
						<div class="gallery-item"><a href="img/gallery/2.jpg" rel="external"><img src="img/gallery/2-th.jpg" alt="Image 004" /></a></div>	
						<div class="gallery-item"><a href="img/gallery/3.jpg" rel="external"><img src="img/gallery/3-th.jpg" alt="Image 003" /></a></div>			
						<div class="gallery-item"><a href="img/gallery/4.jpg" rel="external"><img src="img/gallery/4-th.jpg" alt="Image 004" /></a></div>	
						<div class="gallery-item"><a href="img/gallery/1.jpg" rel="external"><img src="img/gallery/1-th.jpg" alt="Image 003" /></a></div>			
						<div class="gallery-item"><a href="img/gallery/2.jpg" rel="external"><img src="img/gallery/2-th.jpg" alt="Image 004" /></a></div>	
						<div class="gallery-item"><a href="img/gallery/3.jpg" rel="external"><img src="img/gallery/3-th.jpg" alt="Image 003" /></a></div>			
						<div class="gallery-item"><a href="img/gallery/4.jpg" rel="external"><img src="img/gallery/4-th.jpg" alt="Image 004" /></a></div>	
						<div class="gallery-item"><a href="img/gallery/1.jpg" rel="external"><img src="img/gallery/1-th.jpg" alt="Image 003" /></a></div>			
						<div class="gallery-item"><a href="img/gallery/2.jpg" rel="external"><img src="img/gallery/2-th.jpg" alt="Image 004" /></a></div>	
						<div class="gallery-item"><a href="img/gallery/3.jpg" rel="external"><img src="img/gallery/3-th.jpg" alt="Image 003" /></a></div>			
						<div class="gallery-item"><a href="img/gallery/4.jpg" rel="external"><img src="img/gallery/4-th.jpg" alt="Image 004" /></a></div>	
						<div class="gallery-item"><a href="img/gallery/1.jpg" rel="external"><img src="img/gallery/1-th.jpg" alt="Image 003" /></a></div>	
				
					</div>
				</div>
				
			</div>
			
			<div class="subFooter">Copyright 2013. All rights reserved.</div>
			<nav id="menu">
				<ul>
					<li>
						<a href="index.html" rel="external">
							<i class="i-home i-small"></i>Home
						</a>
					</li>
					<li>
						<a href="about.html" rel="external">
							<i class="i-about i-small"></i>About
						</a>
					</li>
					<li>
						<a href="blog.html" rel="external">
							<i class="i-blog i-small"></i>Blog
						</a>
						<ul>
							<li><a href="blog-single-post.html" rel="external">First Post</a></li>
							<li>
								<a href="blog-single-post.html" rel="external">Second Post</a>
							</li>
						</ul>
					</li>
					<li class="Selected">
						<a href="gallery.html" rel="external">
							<i class="i-gallery i-small"></i>Gallery
						</a>
					</li>
					<li>
						<a href="shortcodes.html" rel="external">
							<i class="i-shortcodes i-small"></i>Shortcodes
						</a>
					</li>
					<li>
						<a href="contact.html" rel="external">
							<i class="i-contact i-small"></i>Contact
						</a>
					</li>
				</ul>
			</nav>
		</div>
	</body>
</html>